<template>
    <div class="operation">
        <ul>
            <li v-for="(item, key) in operList.list" :key="key" :to="item.path" @click="tiaozhuan(item.path)">
                <div class="img">
                    <img :src="require('@/assets/my/' + (item.img) + '@2x.png')" alt="">
                </div>
                <h3 class="f26">{{item.name}}</h3>
            </li>
        </ul>
    </div>  
</template>

<script>
    export default {
        name: 'myOperation',
        props: {
            operList: Object
        },
        data() {
            return {
                
            }
        },
        methods: {
            tiaozhuan(path) {
                // if(path == '') return window.location.href = this.$store.state.domain + 'operator/#/index'
                // else {
                    this.$router.push({
                        path: path
                    })
                // }
            }
        }
    }
</script>

<style lang="less" scoped>
    .operation{
        box-sizing: border-box;
        background: #fff;
        width: 100%;
        height: auto;
        ul{
            display: flex;
            flex-wrap: wrap;
            li{
                width: 25%;
                .pt(40);
                .img{
                    margin: 0 auto;
                    .w(64);
                    img{
                        text-align: center;
                        margin: 0 auto;
                        width: 100%;
                        height: auto;
                    }
                }
                h3{
                    text-align: center;
                    font-weight: normal;
                    color: #666;
                    .mt(20);
                    .mb(20);
                }
            }
        }
    }
</style>
